@charset "UTF-8";
@import "common";


//导航栏
nav{
    @include nav ;
}
//主要内容
.content{
    //标题
    .news-title{
        padding-top: 30px;
        padding-bottom: 30px;
        p{
            font-size: 30px;
            color: #ff6b08;
        }
    }
    //3个热点新闻
    .hot-news{
        .three-news{ 
            padding-bottom: 90px;
            a{
                position: relative;  
                width: 100%;
                height: 100%;
                display: inline-block;
                border: 1px solid #DDDDDD;
                img{
                    width: 100%;
                    display: inline-block;
                }
                span{
                    font-size: 13px;
                    color: white;
                    text-align: center;
                    background: rgba(0,0,0,.5);
                    padding: 14px;  
                    display: inline-block;
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    width: 100%;
                }
            } 
        }
    }
    //主要新闻展示
    .news-content{
        .news{
            margin-bottom: 60px;
            //左边图片
            .news-img{
                border: 1px solid #DDDDDD;
                border-radius: 3px;
                padding: 4px 5px;
                 img{
                     width: 100%;
                     height: 100%;
                 }
            }
            //右边内容
            .news-right{
                &:hover .news-right-title>p{
                    color: #ff6900;
                }
                //标题
                .news-right-title{
                    p{
                        font-size: 18px;
                        color: black;
                    }
                }
                //日期&摘要
                .news-right-day,.news-right-zy{
                    p{
                        font-size: 14px;
                    }
                }
                //查看详情按钮
                a{
                    width: 98px;
                    height: 32px;
                    background: white;
                    border: 1px solid #ff6900;
                    color: #ff6900;
                    text-align: center;
                    line-height: 30px;
                    font-size: 14px;
                    border-radius: 10px;
                    float: right;
                    text-decoration: none;
                }
                a:hover{
                    background: #ff6900;
                    color: white;
                }
            }
        }
    }
    //翻页按钮
    .pading{
        padding-bottom: 50px;
        .pading-button{
            border-top: 1px dashed #DDDDDD;
            padding-top: 34px;
            ul{
                padding: 0;
                list-style: none;
                width: 302px;
                text-align: center;
                margin: 0 auto;
                font-size: 0;
                li{
                    display: inline-block;
                    background: white;
                    text-align: center;
                    a{
                        font-size: 12px;
                        text-decoration: none;
                        color: black;
                        display: block;
                        width: 100%;
                        height: 100%;
                        line-height: 29px;
                    }
                    &:hover{
                        background: #e34637;
                        a{
                            color: white;
                        }                        
                    }
                }
                li:first-of-type{
                    width: 50px;
                    height: 29px;
                    border: 1px solid #DDDDDD;
                }
                li:nth-of-type(2){
                    width: 62px;
                    height: 29px;
                    border-top: 1px solid #DDDDDD;
                    border-right: 1px solid #DDDDDD;
                    border-bottom: 1px solid #DDDDDD;
                }
                li:nth-of-type(3){
                    background: #e34637;
                    a{
                        color: white;
                    }
                }
                li:nth-of-type(3),li:nth-of-type(4),li:nth-of-type(5),li:nth-of-type(6){
                    width: 31px;
                    height: 29px;
                    border-top: 1px solid #DDDDDD;
                    border-right: 1px solid #DDDDDD;
                    border-bottom: 1px solid #DDDDDD;
                }
                li:last-of-type{
                    width: 62px;
                    height: 29px;
                    border-top: 1px solid #DDDDDD;
                    border-right: 1px solid #DDDDDD;
                    border-bottom: 1px solid #DDDDDD;
                }
            }
        }
    }
}
//尾部
footer{
    @include footer;
}
